A pink Pie chart
This goes in the documents header:
<script src="RGraph.common.core.js"></script>
<script src="RGraph.pie.js"></script>
Put this where you want the chart to show up:
<canvas id="cvs" width="550" height="450">
[No canvas support]
</canvas>
This is the code that generates the chart:
<script>
window.onload = function ()
{
var pie = new RGraph.Pie({
id: 'cvs',
data: [3,7.9,2,10.3,11.1,1,63.9],
options: {
radius: 150,
colors: [
'rgb(51,102,204)',
'rgb(220,57,18)',
'rgb(255,153,0)',
'rgb(16,150,24)',
'rgb(153,0,153)',
'rgb(0,153,198)',
'rgb(221,68,119)'
],
linewidth: 2,
shadow: false,
labels: ['3%','7.9%','2%','10.3%','11.1%','1%','62.9%'],
labelsSticksList: true,
textFont: 'Arial',
textSize: 16,
textAccessible: true
}
}).draw();
};
</script>